<template>
<div id="saveAd">
  <div class="mt-100 flex justify-center">
    <img class="w-120 h-120" src="@/assets/image/otc/buy/save_icon.png" alt="">
  </div>
  <div class="font-700 font-52 mt-43 mb-26 text-center">{{$t('廣告保存成功')}}</div>
  <div class="font-400 font-28 text-grey text-center">
    {{$t('保存成功，您的广告上家后将被其他用户下单。')}}
  </div>
  <div class="font-400 font-28 mt-20 text-grey text-center">
    {{$t('请注意新订单提醒！')}}
  </div>
  <div class="px-32 flex justify-between mt-92">
    <span class="text-grey font-400 font-28">{{$t('广告编号')}}</span>
    <span class=" font-400 font-28">{{ info.id }}</span>
  </div>
  <div class="px-32 py-60 mt-38 box-border bg-grey">
    <div class="bg-white rounded-xl mb-32 ">
      <div class="flex justify-between items-center px-28 pt-26 ">
        <div>
          <span class="text-green font-400 mr-10">{{info.direction === 'buy' ? $t('购买') : $t('出售')}}</span>
          <span class="font-500 font-32 mr-10">{{ info.symbol.toUpperCase() }}</span>
          <span class="font-400 font-32 mr-10">{{ $t('用') }}</span>
          <span class="font-500 font-32">{{ info.currency }}</span>
        </div>
        <div >
          <van-icon name="arrow" />
        </div>
      </div>
      <div class="px-28 pb-26">
        <div class="mt-34">
          <span class="font-600 font-32 mr-18">￥</span>
          <span class="font-700 font-52">{{ info.symbol_value }}</span>
        </div>
        <div class="flex justify-between mt-30">
          <span class="font-400 font-28 text-grey">{{$t('交易总额')}}</span>
          <span class="font-600 font-28">{{ (info.symbol_value / 1) * (info.coin_amount / 1) }} {{ info.currency }}</span>
        </div>
        <div class="flex justify-between mt-30">
          <span class="font-400 font-28 text-grey">{{$t('單筆限額')}}</span>
          <span class="font-600 font-28">{{ info.investment_min }} - {{ info.investment_max }} {{ info.currency }}</span>
        </div>
        <div class="flex justify-between items-center mt-64">
          <div class="flex items-center">
            <div class="w-7 h-29 col  mr-9"></div>
            <span class="mr-19">{{info.pay_type_name}}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="px-32 box-border">
    <div class="text-white bg-blue rounded-lg h-97 lh-97 font-36 text-center mt-52" @click="$router.push('/c2c/advertise')">
      {{$t('完成')}}
    </div>
  </div>

</div>
</template>

<script>
import { Icon,} from "vant";
export default {
  name: "saveAd",
  components: {
    [Icon.name]: Icon,
  },
  data() {
    return {
      info: {},
    }
  },
  created() {
    this.info = this.$route.query;
  },
}
</script>

<style lang="scss" scoped>
#saveAd{
  .col {
    background:#E7BB41;
  }
}
</style>
